<template>
  <div class="payment-success">
    <v-icon style="margin-top: 40px" name="ri-wechat-pay-fill" fill="#05a003" :scale="2"></v-icon>
    <p style="color: #05a003; margin-bottom: 60px">支付成功</p>
    <p>一个测试商家</p>
    <p style="font-weight: bold; font-size: 1.7rem; margin-bottom: 20px">￥{{ totalPrice }}</p>
    <van-button type="primary" style="width: 160px; height: 30px" @click="$router.push({ path: '/order', query: { status: 1 } })">完成</van-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      totalPrice: 0,
    };
  },
  mounted() {
    this.totalPrice = this.$route.query.totalPrice;
  },
};
</script>

<style scoped>
.payment-success {
  height: 100vh;
  text-align: center;
}

h1 {
  font-size: 24px;
  color: #333;
  margin-bottom: 10px;
}

p {
  font-size: 16px;
  color: #666;
  margin-bottom: 5px;
}
</style>
